<template>
  <div>
    <el-container>
      <el-main>
        <el-tabs :data="tableData" type="border-card">
          <el-tab-pane label="缴费信息详情">
            <el-form status-icon ref="tableData" label-width="120px" class="demo-tableData">
              <div class="row" style="width: 100%;display: flex;flex-wrap:wrap">
                <el-form-item label="缴费产品:" style="width: 44%;">
                  <el-input size="small" v-model="this.tableData[0].payname"></el-input>
                </el-form-item>
                <el-form-item label="缴费人员:" style="width: 44%;">
                  <el-input size="small" v-model="this.tableData[0].username"></el-input>
                </el-form-item>
                <el-form-item label="缴费金额:" style="width: 44%;">
                  <el-input size="small" v-model="this.tableData[0].paymoney"></el-input>
                </el-form-item>
                <el-form-item label="缴费优先级:" style="width: 44%;">
                  <el-input size="small" v-model="this.tableData[0].paylevel"></el-input>
                </el-form-item>
                <el-form-item label="支付时间:" style="width: 44%;">
                  <el-input size="small" v-model="this.tableData[0].paytime"></el-input>
                </el-form-item>
                <el-form-item label="支付状态" style="width: 44%;">
                  <el-input size="small" v-model="this.tableData[0].paystatus"></el-input>
                </el-form-item>
                <el-form-item label="支付类型" style="width: 100%;">
                  <el-radio-group>
                    <el-radio disabled>
                      <img src="../../assets/images/zfb.png" alt style="width: 100px;height:100px" />
                    </el-radio>
                    <el-radio disabled>
                      <img src="../../assets/images/wx1.png" alt style="width: 100px;height:100px" />
                    </el-radio>
                    <el-radio disabled>
                      <img src="../../assets/images/ysf.png" alt style="width: 100px;height:100px" />
                    </el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item label="回复内容" style="width: 44%;">
                  <span>{{ this.tableData[0].costcontent }}</span>
                </el-form-item>
              </div>
            </el-form>
            <el-button
              type="primary"
              size="small"
              style="z-index:100;position:fixed;top:27%;right:20px;"
              @click="fanhui"
            >返回</el-button>
          </el-tab-pane>
        </el-tabs>
      </el-main>
    </el-container>
  </div>
</template>
    
    <script>
import Cookies from "js-cookie";
export default {
  data() {
    return {
      disabled: true,
      tableData: [],
      sendInfo: {
        id: "",
        token: ""
      }
    };
  },
  methods: {
    fanhui() {
      this.$router.push({
        path: "/charging/information"
      });
    },
    async getTableData() {
      const { data: res } = await this.axios.get(
        `http://community.byesame.com/cost/getCostDetail?id=${this.$route.query.detailId}`
      );
      console.log(res);
      this.tableData = res;
    }
  },
  mounted() {
    this.Token = Cookies.get("Admin-Token");
    this.getTableData();
  },
  components: {}
};
</script>
    
    <style lang="scss" scoped>
.el-container {
  background-color: rgb(240, 240, 240);
}
.el-main {
  margin: 1.3% 1%;
  padding: 0;
  background-color: #fff;
}
</style>